﻿@model N03_11HCA_HTTTHD.Models.Admin_QuanLyCanBan

@{
    ViewBag.Title = "Ban quản trị - Quản lý tìm mua";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}


@section TimKiemImport{
    <div class="filtering">
        <label for="tenViet">Tên Việt: </label>
        <input type="text" name="tenViet" id="tenViet" />
        <label for="tenAnh">Tên Anh: </label>
        <input type="text" name="tenAnh" id="tenAnh" />
        <label for="nguoiDang">Người đăng: </label>
        <select id="nguoiDang" name="nguoiDang">
            <option selected="selected" value="0">Tất cả</option>
            @for (int i = 0; i < Model.ListTaiKhoan.Count; i++)
            {
                <option value="@Model.ListTaiKhoan[i].ID">@Model.ListTaiKhoan[i].TenDangNhap</option>
            }
        </select>
        <label for="loaiCanBan">Loại tìm mua: </label>
        <select id="loaiCanBan" name="loaiCanBan">
            <option selected="selected" value="0">Tất cả</option>
            <option value="1">Thiết bị</option>
            <option value="2">Dịch vụ</option>
            <option  value="3">Phần mềm</option>
        </select>

        <button type="submit" id="LoadRecordsButton">Lọc dữ liệu</button>
</div>
}


@section JavaScriptCSSImport{
    <link href="@Url.Content("~/Content/mycontent/list_counter.css")" rel="stylesheet" type="text/css"/>
}

@section JavaScriptDocumentReady{
    $('#danhSachTimMua').jtable({
            tableId: "tableTimMua",
            title: 'Danh sách tìm mua',
            pageSize: 20,
            paging: true,
            sorting: true,
            defaultSorting: 'TenViet DESC',
            selecting: true, //Enable selecting
            //multiselect: true, //Allow multiple selecting
            //selectingCheckboxes: true, //Show checkboxes on first column
            //selectOnRowClick: false, //Enable this to only select using checkboxes
            actions: {
                listAction: '/Admin/DanhSachTimMua',
                deleteAction: '/Admin/XoaTimMua',
                updateAction: '/Admin/CapNhatTimMua',
                createAction: '/Admin/ThemTimMua'
            },

            fields: {
                ID: {
                    key: true,
                    create: false,
                    edit: false,
                    list: false,
                    sorting: false
                },
                TenViet : {
                    title: 'Tên tiếng Việt',
                    width: '15%',
                    create: true,
                    edit: true,
                    list: true,
                    sorting: true,
                    
                },
                TenAnh : {
                    title: 'Tên tiếng Anh',
                   
                    create: true,
                    edit: true,
                    list: true,
                    sorting: true,
                    
                },
                XuatXu : {
                    title: 'Xuất xứ',
                   
                    create: true,
                    edit: true,
                    list: true,
                    sorting: false,
                    
                },
                MoTa : {
                    title: 'Mô tả',
                    type: 'textarea',
                    create: true,
                    edit: true,
                    list: false,
                    sorting: false,
                    
                },
                IDNguoiDang : {
                    title: 'Người đăng',
                   
                    create: true,
                    edit: true,
                    list: true,
                    sorting: true,
                    
                },
                SanXuatSauNam  : {
                    title: 'Sản xuất năm',
                   
                    create: true,
                    edit: true,
                    list: true,
                    sorting: false,
                    
                },
                ThongTinKhac : {
                    title: 'Thông tin khác',
                    type: 'textarea',
                    create: true,
                    edit: true,
                    list: true,
                    sorting: false,
                    
                },
                LoaiCanBan : {
                    title: 'Loại',
                    create: true,
                    edit: true,
                    type:'radiobutton',
                    defaultValue:'1',
                    options:{'1':'Thiết bị công nghệ','2':'Dịch vụ', '3':'Giải pháp phần mềm'},
                    list: true,
                    sorting: false,
                    
                },
                TuKhoa : {
                    title: 'Từ khóa',
                   
                    create: true,
                    edit: true,
                    list: false,
                    sorting: false,
                    
               },

                Xoa: {
                    title: 'Trạng thái',
                    create: false,
                    edit: true,
                    list: true,
                    sorting: true,
                    type: 'checkbox',
                    values: { 'false': 'Hoạt động', 'true': 'Bị xóa' },
                }               
            }
        });

        //Load student list from server
        $('#danhSachTimMua').jtable('load');
        //$('table.jtable').css("table-layout","fixed");

        //Filter
        //Re-load records when user click 'load records' button.
        $('#LoadRecordsButton').click(function (e) {
            e.preventDefault();
            $('#danhSachTimMua').jtable('load', {
                tenViet: $('#tenViet').val(),
                tenAnh: $('#tenAnh').val(),
                nguoiDang: $('#nguoiDang').val(),
                loaiCanBan: $('#loaiCanBan').val(),
                
            });
        });

}

<!-- Container for jTable -->
<div id="danhSachTimMua"></div>
